*{
    margin: 0;
    padding: 0;
 
  }

  .hand{
    padding: .133333rem;
    background-color:#ff841d;
    height: 1.333333rem;
    margin: 0;
    padding: 0;
    display: flex;
    flex: 3;
      a{
          text-decoration: none;
          display: none;
        text-align: center;
        line-height:1.333333rem ;
        color: #fff;
        font-size: .8rem;
        display: block;
       height: 1.333333rem;
       width: .533333rem;
      }
      h4{
       color: #fff;
       font-size:  .533333rem ;
       flex: 3;
       text-align: center;
       line-height: 1.333333rem;
    
       }
       a{
        width: 1.28rem;
        line-height:1.28rem ;
        margin-right: .266667rem;
        font-size:.533333rem  ;
        margin-top: 5px;
        img{
            width: 1.066667rem;
        }
       }
  }
//  nav{
  .menu1{
        width:10rem;
        height: .933333rem;
        overflow: auto;
        // margin-left: .533333rem;
        // margin-right: 1.333333rem;
        margin-bottom: .133333rem;
        .uu{
          //  width: 24.266667rem;
          height: .933333rem;
          position: relative;
          overflow: hidden;
          //  left: -7.061333rem;
          //  transition: none 0s ease 0s;
          display: flex;
          width: 10rem;
         li{
          // float:left; 
          display:inline-block;
          line-height: .933333rem;
          margin-bottom: .133333rem;
          // width: 1.866667rem;
          box-sizing: border-box;
          color: black;
          text-align: center;
          flex: 13;
          }
       }
      }
// }
.neirong{
    .ab{
      list-style: none;
      // height: 1.333333rem;

      li{
        // text-decoration: none;
       border: .026667rem solid #666;
       padding: .266667rem .213333rem;
      //  height: 1.333333rem;
       width: 10rem;
       margin-bottom: .266667rem;
       a{
         text-decoration: none;
         display: block;
         color: black;
         margin: 0;
         padding: 0;
         .imgdl{
           float: left;
                img{
                  width: 3.6rem;
                  height: 4.466667rem;
                  padding-right: .266667rem;
                }
              }
         .infor{
           padding-left: 3.6rem;
           .title{
             h4{
              //  float: right;
               color: black;
               word-wrap: break-all;
               font-size: .48rem;
               text-overflow: ellipsis;
               line-height: .506667rem;
               min-height: .8rem;
               text-align: left;
               font-weight: normal;
               b{
                 color: #ff6c00;
               }
             }
              .price{
                font-size: .64rem;
                color: #fc353a;
              }
           }
           .down{
              .bar{
                display: inline-block;
                margin-top: .133333rem;
                width: 3.2rem;
                border: .026667rem solid #fc353a;
                border-radius: .266667rem;
                background-color: #ffb7b7;
                overflow: hidden;
                .bar-in{
                  border-radius: .266667rem;
                  height: .533333rem;
                  line-height: .533333rem;
                  font-size: .32rem;
                  background-color: #fc353a;
                  color: #fff;
                  text-align: center;
                  font-weight: bold;
                }

              }
              .yiling{
                color: #fc353a;
                margin-left: .133333rem;
                font-weight: bold;
              }
              .click{
                margin-top: .266667rem;
                  .left{
                    float: left;
                    border: 1px dotted #fc353a;
                    height: .666667rem;
                    color: #fc353a;
                    text-align: center;
                    line-height: .666667rem;
                    width: 4rem;
                    cursor: pointer;
                  }
                  .right{
                    display: block;
                    float: right;
                    border: 1px solid #fc353a;
                    background-color: #fc353a;
                    height: 30px;
                    color: #ffffff;
                    text-align: center;
                    line-height: 30px;
                    width: 80px;
                    border-radius: 10px;
                    cursor: pointer;
                      }
                  }
              }
           }
         }
       }
     }
   }



img{
  width: 1.333333rem;
}

#footer{
  .more{
    height: 1.333333rem;
    background-color: #f4f4f4;
    // padding: .266667rem;
    a{
      display: block;
      font-size: .346667rem;
      line-height: .8rem;
      text-align: center;
      border-radius: 5px;
      border:1px solid #ddd;
      text-decoration: none;
      color:darkgray;
      background-image: linear-gradient(#ffffff, #f4f4f4);
    }
  }
  .chart{
    background: #ff841d;
    margin-top: .266667rem;
    margin-bottom: .16rem;
    .chart-1{
      color: #fff;
      display: inline-block;
      padding-left: .266667rem;
      font: bolder 18px/35px "Microsoft soft";
    }
    .chart-2{
      color: #fff;
      display: inline-block;
      padding-left: .266667rem;
      line-height: .533333rem;
      text-align: center;
      font-size: .533333rem;
      padding-right: .266667rem;
    }

  }
.login{
  padding: .266667rem 0;
  .row-1{
    display: flex;
    border: .026667rem solid #c4c4c4c4;
    a{
      text-decoration: none;
      flex: 3;
      div{
        height: .88rem;
        line-height: .88rem;
        text-align: center;
        font-size: .373333rem;
        border-right: .026667rem solid #c4c4c4;
        color: #808080;
      }
    }
  }
 .row-2{  
   padding: .533333rem 0;
    p{
      text-align: center;
      a{
        text-decoration: none;
        color: #666;
        
      }
    }
 }
}



}